<div id="slideandnav">
 			<div id="banner_index"> 
  				<div id="banner1_index">
        				 <div id="banner_info1_index" style="display:block;">
                				<h2><a href="http://www.hhxin.com/" title="北京节日返程客流高峰初现">北京节日返程客流高峰初现</a></h2>
		   							 <p id="banner_text_index">
		   当日是国庆长假临近尾声，外出游玩或探亲的旅客陆续回京，北京西站到达人数出现增长态势。 ...
           							<a  href="http://www.hhxin.com/">详细>></a>
		   							</p>
		   				</div>  
     	     			<div id="banner_info1_index" style="display:none;">
						  <h2><a href="http://www.hhxin.com/" title="江苏南钢炼铁厂铁水外溢已致11人遇难">江苏南钢炼铁厂铁水外溢已致11人遇难</a></h2>
								<p id="banner_text_index"> 10月5日上午11时45分，南钢炼铁厂5号炉淘汰停炉准备过程中发生铁水意外溢出事故，记者20时从南京钢铁股份有限公司了解到，该公司炼铁厂...		  
                                <a  href="http://www.hhxin.com/">详细>></a>
		   						</p>
		   				</div>  
     	     			<div id="banner_info1_index" style="display:none;">
		     					<h2><a href="http://www.hhxin.com/" title="国庆节各地现“人海”景观">国庆节各地现“人海”景观</a></h2>
		   						<p id="banner_text_index">
		   十一黄金周，许多人选择外出旅行，导致国庆节期间全国各地的热门景点出现了“人海”景观。...		  
           						<a  href="http://www.hhxin.com/">详细>></a>
		   						</p>
		   				</div>  
     	     			<div id="banner_info1_index" style="display:none;">
		     					<h2><a href="http://www.hhxin.com/" title="“醉爱”家乡美 中央大街“国庆”组图">“醉爱”家乡美 中央大街“国庆”组图</a></h2>
		   						<p id="banner_text_index"> “没有到过中央大街，就不能说来过哈尔滨”。在中华人民共和国成立62周年之际，中央大街悬挂国旗，布满鲜花，盛装接待中外游人。...		  <a  href="http://www.hhxin.com/">详细>></a>
		   						</p>		
		   				</div>  
     	     			<div id="banner_info1_index" style="display:none;">
		     					<h2><a href="http://www.hhxin.com/" title="装修建材金秋抄底团购盛会开始啦">装修建材金秋抄底团购盛会开始啦</a></h2>
		   
		   						<p id="banner_text_index">黑龙江网络广播电视台在十一期间举行建材家居团购活动，联合幸福建材网及百余建材品牌一站引爆，家装建材联盟金秋抄底团购盛会开始啦...		  <a  href="http://www.hhxin.com/">详细>></a>

		  						</p>
		   				</div>  
				</div>
                <ul>
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <div id="banner_list_index">
                    <a href="http://www.hhxin.com/" style="display:block;" target="_black" title="北京节日返程客流高峰初现"><img id="tupian_0" src="http://upload.hljtv.com/2011/1006/1317865957457.jpg" thissrc="http://upload.hljtv.com/2011/1006/1317865957457.jpg" width="610" height="285"/></a> 
                    <a href="http://www.hhxin.com/" style="display:none;" target="_black" title="江苏南钢炼铁厂铁水外溢已致11人遇难"><img id="tupian_1" thissrc="http://upload.hljtv.com/2011/1005/1317827043473.jpg" width="610px" height="285"/></a> 
                    <a href="http://www.hhxin.com/" style="display:none;" target="_black" title="国庆节各地现“人海”景观"><img id="tupian_2" thissrc="http://upload.hljtv.com/2011/1005/1317779239301.jpg" width="610" height="285"/></a> 
                    <a href="http://www.hhxin.com/" style="display:none;" target="_black" title="“醉爱”家乡美 中央大街“国庆”组图"><img id="tupian_3" thissrc="http://upload.hljtv.com/2011/1004/1317691174948.jpg" width="610" height="285"/></a> 
                    <a href="http://www.hhxin.com/" style="display:none;" target="_black" title="装修建材金秋抄底团购盛会开始啦"><img id="tupian_4" thissrc="http://upload.hljtv.com/2011/0922/1316674531444.jpg" width="610" height="285"/></a> 
                </div>
			</div>
            
			<script type="text/javascript">
               $(document).ready(function() {
                  for(var $i=0;$i<5;$i++){
            $("#tupian_"+$i).attr("src",$("#tupian_"+$i).attr("thissrc"));
            
                }
                
            
               });
            
            
             </script>
            
            <script type="text/javascript">
                var tt = nn = 0,count,ncount;
                $().ready(function(){    
                    count=$("#banner_list_index a").length;  
                    $("#banner_list_index a:not(:first-child)").hide();
                    $("#banner1_index div:not(:first-child)").hide();
                    $("#banner_index li").click(function(){
                      var i = $(this).text() - 1;
                       nn = i;
                       if (i >= ncount){return};
                        $("#banner_list_index a").filter(":visible").hide().parent().children().eq(i).show();
                        $("#banner1_index div").filter(":visible").hide().parent().children().eq(i).show();
                        $(this).css({"background":"#464543",'color':'#464543'}).siblings().css({"background":"#5E5D5B",'color':'#5E5D5B'});    
                    });
                    tt = setInterval("showindex()",4000);
                    $("#banner_index").hover(
                     function(){
                      clearInterval(tt);
                     }, 
                     function(){
                      tt = setInterval("showindex()", 4000);
                     }
                    );  
                })
                
                function showindex()
                {
                    nn = nn >=(count - 1) ? 0 : ++nn;
                    $("#banner_index li").eq(nn).trigger('click');
                }
            </script>
<!-- login --------------------------------in -------------------------------------->  
  <div id="leftlogin">
    <h1 style=" color:white;font-size:24px; margin:10px 10px; border-bottom:1px dashed white;font-family:"Myriad pro", Helvetica, sans-serif;padding:2px; ">Login</h1>
    <form action="index_ok.php" method="post" id="login" name="login">
      <p style="color:white;width:280px; margin-top:20px;"><span style=" font-size:18px; margin-left:10px;margin-top:10px; border-bottom:1px dashed white;font-family: Helvetica, sans-serif; ">学号: </span>       	
                      <input type="text" name="first_name" style="float:right; width:160px; height:30px;border-style:none;" />
      </p>
      <p style=" color:white;width:280px; margin-top:20px;"><span style=" font-size:18px; margin-left:10px; margin-top:10px;border-bottom:1px dashed white;font-family: Helvetica, sans-serif; ">密码:</span>
                    <input type="password" name="pwd" style="float:right; width:160px; height:30px;border-style:none;" />
      </p>
      <p style="color:white;width:280px; margin-top:20px;"><span style=" font-size:18px; margin-left:10px;margin-top:10px; border-bottom:1px dashed white;font-family: Helvetica, sans-serif; ">验证码:</span>
        <img src="xym1.php" style="margin-left:10px;width:40px;height:30px;border-style:none;margin-left:13px;"/>
        <input type="text" name="verification" style="float:right; width:110px; height:30px;border-style:none;" />  
      </p>
                   <!-- <input type="button" value="Login" style="border-style:none; background-color:white;margin-left:10px; margin-top:10px; width:122px; height:30px;"/><a href="register.php" style=" font-size:18px; text-align:center;border-style:none; background-color:white;margin-left:25px; margin-top:10px; width:122px; height:30px;display:block;">register</a>-->
                    <input type="submit" name="login" id="login" value="登陆" onclick="return chk_lg();" style="border-style:none; background-color:white;margin-left:20px; margin-top:10px; width:112px; height:30px;"/> 
       		  <a href="http://localhost/l_library/register1.php" style=" font-size:14px; text-align:center;border-style:none;color:white;margin-left:25px; margin-top:10px; width:180px; height:60px; ">注册</a>
    </form> 
     <script language="JavaScript" type="text/javascript">
	function openfindpwd()
	{
	  window.open("findpwd/openfindpwd.php","newframe","left=300,top=300,width=300,height=200,menubar=no,toolbar=no,location=no,scrollbars=no,location=no");}
</script>
    <a href="javascript:openfindpwd()" style="margin-left:10px;color:white;" >忘记密码？点这里</a>
  </div>
	
</div>